<template>
	<view class="mt-24 pa-16 rd-16 bgc-white fd-r ai-fs" @click="HGotoStore">
		<image
			class="w-100 h-100"
			src="/static/tabbar/tab1/store.png"
			mode=""
		></image>

		<view class="flex1 pl-18 fd-c">
			<text class="fs-32 fw-b text-231815">红麦旗舰店</text>

			<view class="">
				<text class="mr-28 fs-24">月销400+</text>
				<text class="mr-28 fs-24">距离1.5千米</text>
				<text class="mr-28 fs-24">排行榜XXX</text>
			</view>

			<view class="fd-r">
				<view class="coupon w-56 h-24 mt-10 mr-20 px-4 fd-r">
					<text class="text-16 fw-w c-white">￥</text>
					<text class="flex1 text-16 c-white">15</text>
				</view>
				<view class="coupon w-56 h-24 mt-10 mr-20 px-4 fd-r">
					<text class="text-16 fw-w c-white">￥</text>
					<text class="flex1 text-16 c-white">15</text>
				</view>
				<view class="coupon w-56 h-24 mt-10 mr-20 px-4 fd-r">
					<text class="text-16 fw-w c-white">￥</text>
					<text class="flex1 text-16 c-white">15</text>
				</view>
			</view>
			
			<view class="pt-40 fd-r jc-sb">
				<block v-for="item in 4" :key="item">
					<view class="fd-c ai-c">
						<image class="w-108 h-108" src="" mode=""></image>
						<text class="mt-16 fs-24 text-000000">紫薯饼</text>
						<text class="mt-10 fs-24 text-000000">￥50</text>
					</view>
				</block>
			</view>
		</view>
	</view>
</template>

<script  setup>
	import goodApi from '@/api/goodApi';
	
	function HGotoStore() {
		uni.navigateTo({
			url: '/pages/zone1/store/index'
		})
	}
</script>

<style>
.coupon {
	background-image: url('/static/tabbar/tab1/coupon2.png');
	background-size: 62rpx 24rpx;
}
</style>
